<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title>集团项目人事-档案管理-入职及培训</title>
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
		<!--主导航小图标样式-->
		<link rel="stylesheet" type="text/css" href="../../css/navicon.css"/>
		<!--其他公用样式-->
		<link rel="stylesheet" type="text/css" href="../../css/mend.css"/>
		<!--集团项目人事-->
		<link rel="stylesheet" type="text/css" href="../../css/jtxmrs.css"/>
	</head>
	<body class="logo-c000000 bar-cffffff nav-black nav-vertical" data-class="nav-vertical">
	<div id="main_header" class="header-fixed">
		<h1 id="logo" class="j_leftnav"><a href="javascript:;"><i></i><span>人事管理系统</span></a></h1>
		<!--顶部导航 开始-->
		<div id="topnav">
			<ul class="clear">
				<li>
					<a href="javascript:;" data-rippleria class="setup_nav setupbtn rippleria-dark">
						<i></i>
					</a>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_layout setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">用户选项</div>
						<div class="list-group">
							<div class="list-group-item">
								<p>菜单样式</p>
								<div class="radio-group">
									<label class="setup-layout-lable" data-direction="left">
										<input type="radio" name="direction" checked="checked" />左侧
									</label>
									<label class="setup-layout-lable" data-direction="top">
										<input type="radio" name="direction" />上面
									</label>
								</div>
							</div>
							<div class="list-group-item"  id="j_fixed_all">
								<p>导航样式</p>
								<div class="radio-group fixed-check" id="j-fixed-header"  data-check="true"><i></i>固定头部</div>
								<div class="radio-group fixed-check" id="j-fixed-nav" data-check="true" ><i></i>固定导航菜单</div>
							</div>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_skin setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">颜色应用</div>
						<div class="panel-body">
							<div class="row clear">
								<div class="col-xs-4 col-item-header">
									<span class="skin-item logo-bg-c000000 active"></span>
									<span class="skin-item logo-bg-c009688"></span>
									<span class="skin-item logo-bg-c8bc34a"></span>
									<span class="skin-item logo-bg-c00bcd4"></span>
									<span class="skin-item logo-bg-cffca28"></span>
									<span class="skin-item logo-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-nav">
									<span class="skin-item bar-bg-cffffff"></span>
									<span class="skin-item bar-bg-c009688"></span>
									<span class="skin-item bar-bg-c8bc34a"></span>
									<span class="skin-item bar-bg-c00bcd4"></span>
									<span class="skin-item bar-bg-cffca28"></span>
									<span class="skin-item bar-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-bar">
									<span class="skin-item header-bg-c000000"></span>
									<span class="skin-item header-bg-c009688"></span>
									<span class="skin-item header-bg-c8bc34a"></span>
									<span class="skin-item header-bg-c00bcd4"></span>
									<span class="skin-item header-bg-cffca28"></span>
									<span class="skin-item header-bg-cf44336"></span>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			
		</div>
		<!--顶部导航 结束-->
	</div>
	<div id="main_box">
		<!--主导航 开始-->
		<div id="nav" class="j_leftnav nav-fixed">
			<div class="nav-wrapper">
				<div class="nav-wrapper-content">
					<ul class="nav-ul clear">
						<li class="active">
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num1"></em><strong>首页</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num2"></em><strong>项目接单</strong><i class="icon-down"></i>
							</a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>待接单项目</strong><i class="icon-down"></i></a>
									<ul  class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>招聘任务</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>打回记录</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>已接单项目</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num3"></em><strong>课程列表</strong><i class="icon-down"></i></a>
							<ul class="sub-2-nav">
								<li>
									<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>工程类</strong><i class="icon-down"></i></a>
									<ul class="sub-3-nav">
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程安全</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程质量</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程效率</strong></a></li>
										<li><a href="javascript:;" data-rippleria class="rippleria-dark"><strong>工程进度</strong></a></li>
									</ul>
								</li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>施工类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>心理类</strong></a></li>
								<li><a href="javascript:;" data-rippleria class="rippleria-dark"><em class="icon-circle"></em><strong>教育类</strong></a></li>
							</ul>
							<i class="icon-down"></i>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num4"></em><strong>收发邮件</strong>
							</a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num5"></em><strong>个人账户</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num6"></em><strong>图库收集</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num7"></em><strong>个性设计定制</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num8"></em><strong>资源列表</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num9"></em><strong>文件分类</strong></a>
						</li>
						<li>
							<a href="javascript:;" data-rippleria class="rippleria-dark"><em class="small-icon-logo small-icon-num10"></em><strong>设置管理</strong></a>
						</li>
					</ul>
					<a class="more-nav-li" href="javascript:">更多</a>
					<div class="nav-features j_outer">
						<i></i>
						<div>
							<p>本月人员数据：</p>
							<p>预约人员：10个</p>
							<p>面试人员：8个</p>
							<p>入职人员：6个</p>
							<p>面试合格：2个</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--主导航 结束-->
		<!--内容区 开始-->
		<div id="main_content">
			<div class="main-wrapper-content">
				<div class="breadcrumb">
					<a href="javascript:;">人事管理</a> > 
					<a href="javascript:;">入职及培训</a> 
				</div>
				<div class="sub-nav">
					<ul class="clear">
						<li><a href="javascript:;">待培训(12)</a></li>
						<li class="current"><a href="javascript:;">培训中(12)</a></li>
						<li><a href="javascript:;">档案资料(12)</a></li>
					</ul>
				</div>
				<div class="search-wrapper">
					<div class="sub-search-wrapper">
						<label class="fl mr5">开始时间:</label>
						<input class="fl mr5 w100 inp-text" type="text">
						<label class="fl mr5">结束时间:</label>
						<input class="fl mr5 w100 inp-text" type="text">
			            <select class="fl mr5 bor-ceee">
			                <option value="地区">地区</option>
			             </select>
			             <select class="fl mr5 bor-ceee">
			                <option value="职位">职位</option>
			            </select>
						<select class="fl mr5 bor-ceee">
			                <option selected="" value="专业">专业</option>
			            </select>
						<div class="fl">
							<input type="text" class="fl search-input" placeholder="姓名" />
							<i class="search-img-pannel"></i>
						</div>
						<input type="button" value="确定" class="md-button ml5 fl" />
						<a href="javascript:" class="md-button ml5 fl">打印考核单</a>
					</div>
				</div>
				<div class="table-wrapper plr10 pb10">
					<table class="table ColorTable  table_center" width="100%">
						<thead>
							<tr>
								<th><input type="checkbox" class="td-checkall" /></th>
								<th width="4%">序号</th>
								<th width="6%">期次</th>
								<th width="8%">姓名</th>
								<th width="6%">性别</th>
								<th width="8%">地区</th>
								<th width="8%">职位</th>
								<th width="8%">专业</th>
								<th width="8%">入职时间</th>
								<th width="8%">属性</th>
								<th width="6%">第一天</th>
								<th width="6%">第二天</th>
								<th width="6%">第三天</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><input type="checkbox" class="td-checkbox"></td>
								<td>1</td>
								<td>第12期</td>
								<td>鲍家国</td>
								<td>男</td>
								<td>北京</td>
								<td>项目经理</td>
								<td>装修</td>
								<td>2016-01-03</td>
								<td>公司</td>
								<td><img src="../../images/righicon.png" alt=""></td>
								<td><img src="../../images/righicon.png" alt=""></td>
								<td><img src="../../images/righicon.png" alt=""></td>
								<td>
									<div class="dis_il_block">
										<a href="javascript:;" class="btnw60 table-btn button-c46a1fe train-btn">培训</a>
										<a href="javascript:;" class="btnw60 table-btn button-c46a1fe become-btn">转正</a>
									</div>
								</td>
							</tr>
							<tr>
								<td><input type="checkbox" class="td-checkbox"></td>
								<td>1</td>
								<td>第12期</td>
								<td>鲍家国</td>
								<td>男</td>
								<td>北京</td>
								<td>项目经理</td>
								<td>装修</td>
								<td>2016-01-03</td>
								<td>公司</td>
								<td><img src="../../images/righicon.png" alt=""></td>
								<td><img src="../../images/righicon.png" alt=""></td>
								<td><img src="../../images/righicon.png" alt=""></td>
								<td>
									<div class="dis_il_block">
										<a href="javascript:;" class="btnw60 table-btn button-c46a1fe train-btn">培训</a>
										<a href="javascript:;" class="btnw60 table-btn button-cccc become-btn">转正</a>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					
				</div>
			</div>
		</div>
		<!--内容区 结束-->
	</div>
	<!--培训弹出层 开始-->
	<div class="alertMask"></div>
	<!--上传资料弹出层 开始-->
	<div class="alertBox" id="trainAlert">
        <div class="alertTitle">
            <p>培训</p>
            <span class="alertClose close"></span>
        </div>
        <div class="alertCon clear p20" style="overflow: auto;">
    		<div class="Basic_information">
        		<div class="user_photo">
        			<img src="../../images/skin_active.png" />
        		</div>
        		<div class="user_info">
        			<h2 class="mt20"><strong>范叶平</strong><span class="adress">天津</span></h2>
        			<div class="user_about clear">
						<span class="fl">职务：项目经理</span>
						<span class="fl ml20">专业：装修</span>
        			</div>
        		</div>
    		</div>
    		<table class="table table_center" width="100%">
        			<thead>
        				<tr>
	        				<th width="25%">评价内容</th>
	        				<th width="25%">第一天</th>
	        				<th width="25%">第二天</th>
	        				<th>第三天</th>
	        			</tr>
        			</thead>
        			<tbody>
        				<tr>
	        				<td>对企业认可度</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        			</tr>
	        			<tr>
	        				<td>品德</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        			</tr>
	        			<tr>
	        				<td>心态</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        			</tr>
	        			<tr>
	        				<td>能力</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        				<td>
	        					<select class="bor-ceee">
			                      <option value="请评定">请评定</option>
			                      <option value="优">优</option>
			                      <option value="良">良</option>
			                      <option value="中">中</option>
			                      <option value="差">差</option>
			                    </select>
	        				</td>
	        			</tr>
	        			<tr>
	        				<td>评语</td>
	        				<td>
	        					<textarea rows="2" class="textarea m5"></textarea>
	        				</td>
	        				<td>
	        					<textarea rows="2" class="textarea m5"></textarea>
	        				</td>
	        				<td>
	        					<textarea rows="2" class="textarea m5"></textarea>
	        				</td>
	        			</tr>
        			</tbody>
        			
        		</table>
        		<div class="alertfoot pt20 tx_center">
        			<a href="javascript:" class="btnw60 button">保存</a>
        		</div>
        </div>
	</div>
	<!--培训弹出层 结束-->
	<!--转正弹出层 开始-->
	<div class="alertBox" id="becomeAlert">
        <div class="alertTitle">
            <p>转正</p>
            <span class="alertClose close"></span>
        </div>
        <div class="alertCon clear p20" style="overflow: auto;">
    		<div class="Basic_information">
        		<div class="user_photo">
        			<img src="../../images/skin_active.png" />
        		</div>
        		<div class="user_info">
        			<h2 class="clear"><strong class="fl">范叶平</strong><span class="fl adress">天津</span><span class="fr total-zlnum">资料共计：14分，20张</span></h2>
        			<div class="user_about clear">
        				<div class="user_about_left percent30">
        					<p>职务：项目经理</p>
        					<p>专业：装修</p>
        				</div>
        				<div class="user_about_mid percent30">
        					<label class="radio-label"><input type="radio" name="dradio" checked="checked">定级</label>
        					<label class="radio-label"><input type="radio" name="dradio">辞退</label>
        					<div class="dc-chose-div clear pt20">
        						<label class="fl lh26 ml5">定级：</label>
        						<select class="fl bor-ceee w120">
        							<option>请选择</option>
        						</select>
        					</div>
        					<div class="dc-chose-div clear dis_none">
        						<label class="fl lh26">辞退原因：</label>
        						<textarea rows="2" class="textarea fl"></textarea>
        					</div>
        				</div>
        				<div class="user_about_right percent31">
        					<p class="clear mt40">
        						<label class="fl lh26">综合评分：</label>
	        					<select class="fl bor-ceee  w120">
	        						<option>请选择</option>
	        						<option>优</option>
	        						<option>良</option>
	        						<option>中</option>
	        						<option>差</option>
	        					</select>
        					</p>
        				</div>
        			</div>
        		</div>
    		</div>
    		<table class="table table_center" width="100%">
        			<thead>
        				<tr>
	        				<th width="25%">评价内容</th>
	        				<th width="25%">第一天</th>
	        				<th width="25%">第二天</th>
	        				<th>第三天</th>
	        			</tr>
        			</thead>
        			<tbody>
        				<tr>
	        				<td>对企业认可度</td>
	        				<td>优</td>
	        				<td>优</td>
	        				<td>优</td>
	        			</tr>
	        			<tr>
	        				<td>品德</td>
	        				<td>优</td>
	        				<td>优</td>
	        				<td>优</td>
	        			</tr>
	        			<tr>
	        				<td>心态</td>
	        				<td>优</td>
	        				<td>优</td>
	        				<td>优</td>
	        			</tr>
	        			<tr>
	        				<td>能力</td>
	        				<td>优</td>
	        				<td>优</td>
	        				<td>优</td>
	        			</tr>
	        			<tr>
	        				<td>评语</td>
	        				<td><span title="人品没问题人品没问题人品没问题">人品没问题……</span></td>
	        				<td><span title="人品没问题人品没问题人品没问题">人品没问题……</span></td>
	        				<td><span title="人品没问题人品没问题人品没问题">人品没问题……</span></td>
	        			</tr>
        			</tbody>
        			
        		</table>
        		<div class="alertfoot pt20 tx_center">
        			<a href="javascript:" class="btnw60 button">转正</a>
        		</div>
        </div>
	</div>
	<!--转正弹出层 结束-->
	<!--弹出层 结束-->
	<script src="../../js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--点击圆圈效果-->
	<script src="../../js/jquery.rippleria.min.js" type="text/javascript" charset="utf-8"></script>
	<!--模拟滚动条-->
	<!--主导航-->
	<script src="../../js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rxued.js" type="text/javascript" charset="utf-8"></script>
	<!--placeholder-->
	<script type="text/javascript" src="../../js/jquery.placeholder.1.3.min.js" ></script>
	<script>
		$(function(){
			//折叠导航
			$(".item-info").click(function(){
				if($(".item-detail").css("display")=="none")
				{
					$(".item-detail").slideDown(200);
				}else{
					$(".item-detail").slideUp(200);
				}
			});
			//全选按钮
			rxued.check.allCheck($(".td-checkall"),$(".td-checkbox"),false);
			
			//点击培训按钮弹出层
			$(".train-btn").click(function(){
				rxued.alert.jAlert("#trainAlert",900);
			});
			//点击转正按钮弹出层
			$(".become-btn").click(function(){
				rxued.alert.jAlert("#becomeAlert",900);
			});
			//转正弹出层内“定级”和“辞退”切换
			$("#becomeAlert .radio-label input").each(function(i){
				$(this).change(function(){
					$(".dc-chose-div").hide().eq(i).show();
				});
			})
		})
	</script>
	</body>
</html>
